.recommend-ul{width: 1200px; height: 490px;background-color: rgb(255, 209, 193);}

.recommend-li{float: left; width: 200px; height: 245px; border: 1px solid red;}

/* 热卖畅销 hot-show */
.hot-show{height: 520px; position: relative;}
.hot-show-rt{width: 200px; height: 520px; background-color: sandybrown;}

/* 乐购·图书折扣区 */
.lib-price{height: 570px; }
.lib-top{height: 47px;border-bottom: 3px solid #f60;}
.lib-h2{color: white; background-color: #f60; width: 220px; font-size: 24px; line-height: 47px; text-align: center;}
/* 乐购·图书折扣区 */
.lib-li{width: 240px; height: 258px;}
.lib-img{margin-left: 20px;width: 200px;height: 180px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	-webkit-transition: all ease .3s;
	transition: all ease .5s;}
.lib-img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(2.05);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border-radius: 50%
}
.lib-p1{margin-left: 10px;}
.lib-p2{margin-left: 10px;color: red; font-size: larger;}
.lib-p2 .lib-del{color: #ccc;}

/* <!-- 新书上架 --> */
.new{height: 570px;}
.new-book{width: 970px; height: 570px; }
.new-top{height: 47px;border-bottom: 3px solid #f60;}
.new-h2{font-size: 24px; line-height: 47px; padding-top: 7px;}
.new-ul{border: 1px solid #ccc;}
.new-span{background-color: #f60; font-size: 28px;color: white;}
.new-li{width: 190px; height: 258px;}
.new-img{margin-left: 25px;width: 150px;height: 180px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);-webkit-transition: all ease .3s;
	transition: all ease .5s;}
.new-img:hover {
	-webkit-transform: scale(1.05);
	transform: scale(2.05);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	border-radius: 50%
}
.new-p1{margin-left: 10px;}
.new-p2{margin-left: 10px;color: red; font-size: larger;}
.new-p2 .new-del{color: #ccc;}
/* 右侧 */
.new-right{height: 570px; width: 200px; }
.newrt-h2{line-height: 40px; font-size: 22px; }
.newrt-ul{border: 1px solid #ccc;margin-top: 46px;}
.newrt-li{position: relative; border-bottom: 2px solid #ccc;padding-left: 20px;}
.newrt-li .newrt-span{position: absolute; top: 6px; left: 4px;line-height: 20px;color: black;}
.newrt-p1{line-height: 30px;}
.newrt-li:first-child .newrt-span{color: red;}
.newrt-li:nth-child(2) .newrt-span{color: red;}
.newrt-li:nth-child(3) .newrt-span{color: red;}
.newrt-img{width: 80px; height: 70px;}
.newrt-div{margin-bottom: 27px;}
/* 
激活状态
*/
.active1{display: block;}
.newrt-li.active1 .newrt-p1{display: none;}
.newrt-li.active1 .newrt-div{display: block;}
.newrt-div{display: none;}


/* 右侧 */
.hot-right{height: 520px; width: 200px; border: 1px solid #ccc;box-sizing: border-box;}
.hot-ul{padding-left: 5px;}
.hot-h2{line-height: 20px; font-size: 16px; background-color: greenyellow;}
.hot-li{position: relative;  border-bottom: 2px solid #ccc; padding-top: 10px;}
.hot-span{position: absolute; top: 0px; left: 180px; display: block; width: 10px; height: 10px; background-color: #ccc; text-align: center; font-size: 10px;line-height: 10px;}
.hot-li:first-child .hot-span{color: white;background-color: #f60;}
.hot-li:nth-child(2) .hot-span{color: white;background-color: #f60;}
.hot-li:nth-child(3) .hot-span{color: white;background-color: #f60;}
.hot-img0{width: 100px; height: 100px;}
.hot-img{width: 70px; height: 50px;}
.hot-p{height: 100px;}
.hot-div{position: relative;}
.hot-a{position: absolute; bottom: 0px; right: 0;}
/* 
激活状态
*/
.act{display: block;}
.hot-li.act .hot-div{display: none;}
.hot-li.act .hot-p{display: block;}
.hot-p{display: none;}
/* 底部广告 */
.hot-foot{width: 1200px; height: 100px; position: absolute;bottom: 0; left: 0;}
.hotfoot-con{width: 1200px; height: 100px; background: url(../img/广告背景图.gif); opacity: .5;line-height: 100px}
.hotfoot-img{height: 100px; position: absolute;bottom: 0; left: 0; opacity: .5;}
.hotfoot-img1{height: 100px; position: absolute;bottom: 0; right: 10px;}
.hotfoot-img2{height: 100px; position: absolute;bottom: 0; right: 880px;}
.hotfoot-h2{font-size: 28px; color: skyblue;margin-left: 200px;}
.hotfoot-span{position: absolute;top: -20px; right: 0;display: block; width: 20px; height: 20px; background-color: rgb(157, 250, 203);text-align: center; line-height: 20px;font-size: 18px;opacity: .8; cursor: pointer;color: red;}
.disblo{display: block;}
.disno{display: none;}

/* 独家提供 */
.alone{height: 565px;box-sizing: border-box;}
/* 头部 */
.alone-top{height: 65px; line-height: 34px; border-bottom: 5px solid #f60; box-sizing: border-box;}
.alone-title{font-size: 28px;color: #333;}
.alone-li{ width: 100px; height: 34px; font-size: 18px; margin-top: 27px;}
.alone-con{height: 500px; display: none;}
.disblo{display: block;}
.disno{display: none;}

/* table */
.recommend-tb{ margin: 0 auto; width: 1190px; height: 490px;border-collapse: collapse;box-sizing: border-box;}

.recommend-td{ position: relative; -text-align: center; border: 2px solid #f60;}

.recommend-td .recommend-img{position: absolute; top: 0;left: 24px;}

.recommend-td .recommend-img1{position: absolute; top: 145px;}

.recommend-td .recommend-img2{position: absolute; top: 152px;}

.recommend-td .p1{margin-left: 9px;margin-top: 174px;}
.recommend-td .p2{margin-left: 9px;color: red;}
.recommend-td .p3{ line-height: 25px; margin-left: 9px;color: red; font-size: 24px; font-weight: bold;}

.alone-con .alone-box .lib-li img{width: 78px !important; height: 25px !important;}
.alone-con .alone-box .lib-li .lib-img{width: 200px !important; height: 180px !important;}
.alone-con .alone-box .lib-li {width: 240px !important; height: 250px !important;}

/* 猜你喜欢 */
.title1{color: #f60;}
.tg-tb{width: 1190px; height: 575px; border-collapse: collapse;box-sizing: border-box; margin: 0 auto;display: none;}
.tg-tb td{border: 1px solid #ccc;}
.tg-img1,.tg-img2,.tg-img3,.tg-img4{width: 235px; height: 285px;}
.current{display: block;}





